<template>
    <div id="app">
        <div id="nav">
            <router-link to="/demo02">饼图</router-link> |
            <router-link to="/SaleStatement">柱状图</router-link>
        </div>
        <div style="border:0px solid red;width: 800px;height: 600px;margin-left: 366px;">
            <router-view/>
        </div>
    </div>
</template>

<script>

export default {
    name: 'app'
}
</script>

<style>
#app {
    font-family: Avenir, Helvetica, Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-align: center;
    color: #2c3e50;
}

#nav {
    padding: 30px;
}

#nav a {
    font-weight: bold;
    color: #2c3e50;
}

#nav a.router-link-exact-active {
    color: #42b983;
}
</style>